    body,ul,li,p{
        margin: 0;
        padding: 0;
    }
    /* 一级导航条样式*/
    ul.head{
        width:800px;
        height:50px;
        border:1px solid black;
        margin: 0 auto;/*设置外边距 上下为0 作用auto*/
    }
    /* */
    ul{
        list-style-type:none;
        background-color: #393D49;
    }
    ul.head > li{
        /*想让块级元素（默认独占一行，从上到下一次排列）在一行中显示*/
        width:25%;
        height:50px;
        float:left;
        text-align: center;
        line-height: 50px;
    }
    ul.head > li > p:hover{
        background-color:#393D49 ;
        color:#fff;
    }
    ul.banner > li > p:hover{
        background-color:#393D49 ;
        color:#fff;
    }
    ul.content >li {
        background-color: #393D49;
        color:#fff;
    }
    /*二级导航条*/
    ul.banner{
        display: none;/* 设置显示方式：不显示*/
        position: relative;/*给子元素绝对定位 参照物作用*/
    }
    ul.head > li:hover > ul{
        display: block;
    }
    /*三级导航条*/
    ul.content{
        position:absolute;
        left: 200px;
        top:0;
        width: 200px;
    }
    ul.content{
        display: none;/* 设置显示方式：不显示*/

    }
    ul.head > li:hover > ul > li:hover > ul{
        display: block;
    }